<template>
  <div>
      <div class="top">
          <div class="top-seek">
            <img src="/image/Mine/zjt.png" alt="" @click="back()">
            <input type="text" placeholder="搜索我的订单">
            <span>一起购</span>
            <img src="/image/Mine/kf.png" alt="">
          </div>
          <div class="top-nav">
            <router-link to="/allorder/allclassify">全部分类</router-link>
            <router-link to="/allorder/dropshipping">待付款</router-link>
            <router-link to="/allorder/obligation">待发货</router-link>
            <router-link to="/allorder/receiving">待收货</router-link>
            <router-link to="/allorder/remain">待评价</router-link>
          </div>
      </div>
  </div>
</template>

<script>
export default {
  methods:{
    back(){
      this.$router.push("/mine")
    }
  }
}
</script>

<style scoped>
.top{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f2f2f2;
  height: 0.9rem;
  /* border: 1px solid red; */
  position: fixed;
}
.top .top-seek{
  height: 0.5rem;
  width: 93%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top .top-seek img{
  width: 0.2rem;
  height: 0.2rem;
}
.top .top-seek input{
  text-indent: 0.12rem;
  outline: none;
  height: 0.28rem;
  width: 2.5rem;
  border: 0.02rem solid #2ea3d8;
  border-radius: 0.2rem;
}
.top .top-seek span{
  border: 0.02rem solid #2ea3d8;
  color: #2ea3d8;
  padding: 0.04rem 0.1rem;
  border-radius: 0.2rem;
}
.top .top-nav{
  margin-top: 0.05rem;
  width: 93%;
  display: flex;
  font-size: 0.14rem;
  justify-content: space-between;
}
.top .top-nav a{
  color: #2d292a;
}
.top .top-nav .router-link-active{
  color: #2ea3d8;
}
</style>